<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>农业环境气象监测系统</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="monitor.css">
    <link rel="stylesheet" href="growth.css">
    <link rel="stylesheet" href="disease.css">
    <link rel="stylesheet" href="irrigation.css">
    <link rel="stylesheet" href="weather.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <!-- 引入图表库 -->
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
    <!-- 添加type="module"以支持ES模块 -->
    <script type="module" src="weather.js"></script>
</head>
<body>
    <div class="container">
        <!-- 顶部导航 -->
        <header class="header">
            <div class="logo">农业环境气象监测系统</div>
            <nav class="nav">
                <ul>
                    <li><a href="#home" class="nav-link active" data-page="home">首页</a></li>
                    <li><a href="#monitor" class="nav-link" data-page="monitor">实时监测</a></li>
                    <li><a href="#growth" class="nav-link" data-page="growth">生长调控</a></li>
                    <li><a href="#disease" class="nav-link" data-page="disease">病虫防治</a></li>
                    <li><a href="#irrigation" class="nav-link" data-page="irrigation">灌溉管理</a></li>
                </ul>
            </nav>
        </header>

        <div class="main-content">
            <!-- 首页内容 -->
            <div class="page-content" id="home-page">
                <!-- 左侧实时数据 -->
                <aside class="sidebar">
                    <div class="weather-card">
                        <h3>实时气象数据</h3>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">🌡️</span>
                                <span>温度</span>
                            </div>
                            <div class="weather-item-value" id="temperature">25°C</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">💧</span>
                                <span>湿度</span>
                            </div>
                            <div class="weather-item-value" id="humidity">65%</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">☀️</span>
                                <span>光照</span>
                            </div>
                            <div class="weather-item-value" id="light">76000 lux</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">🌱</span>
                                <span>土壤湿度</span>
                            </div>
                            <div class="weather-item-value" id="soil-moisture">42%</div>
                        </div>
                        <div class="realtime-indicator">
                            <div class="realtime-dot"></div>
                            <span>实时数据更新中</span>
                        </div>
                    </div>
                </aside>

                <!-- 主要内容区 -->
                <main class="content">
                    
                    <!-- 未来预报 -->
            <section class="forecast">
                <h2><i class="fas fa-calendar-alt"></i> 未来7天预报</h2>
                <div class="forecast-container">
                    <div class="weekly-forecast">
                        <div class="forecast-day">
                            <span class="day">周一</span>
                            <i class="weather-icon fas fa-sun"></i>
                            <span class="temp">28°/18°</span>
                            <div class="wind-info">
                                <i class="fas fa-location-arrow"></i>
                                <span>北风 微风</span>
                            </div>
                        </div>
                        <div class="forecast-day">
                            <span class="day">周二</span>
                            <i class="weather-icon fas fa-cloud"></i>
                            <span class="temp">29°/19°</span>
                        </div>
                        <div class="forecast-day">
                            <span class="day">周三</span>
                            <i class="weather-icon fas fa-cloud-rain"></i>
                            <span class="temp">31°/20°</span>
                        </div>
                        <div class="forecast-day">
                            <span class="day">周四</span>
                            <i class="weather-icon fas fa-cloud-sun"></i>
                            <span class="temp">30°/19°</span>
                        </div>
                        <div class="forecast-day">
                            <span class="day">周五</span>
                            <i class="weather-icon fas fa-cloud"></i>
                            <span class="temp">29°/18°</span>
                        </div>
                        <div class="forecast-day">
                            <span class="day">周六</span>
                            <i class="weather-icon fas fa-sun"></i>
                            <span class="temp">27°/17°</span>
                        </div>
                        <div class="forecast-day">
                            <span class="day">周日</span>
                            <i class="weather-icon fas fa-cloud-sun"></i>
                            <span class="temp">28°/18°</span>
                        </div>
                    </div>
                   
                </div>
            </section>

                  

                    
                    <!-- 图表和预警保持不变 -->
                  
                    <div class="alert-container">
                        <h3>预警信息</h3>
                        <div id="alertList"></div>
                    </div>
                </main>
            </div>

            <!-- 实时监测页面 -->
            <div class="page-content" id="monitor-page" style="display: none;">
                <!-- 左侧参数选择 -->
                <aside class="monitor-sidebar">
                    <div class="parameter-list">
                        <h3>监测参数</h3>
                        <div class="parameter-item active" data-param="temperature">
                            <span class="param-icon">🌡️</span>
                            <div class="param-info">
                                <span class="param-name">温度</span>
                                <span class="param-value" id="current-temperature">25.6°C</span>
                            </div>
                        </div>
                        <div class="parameter-item" data-param="humidity">
                            <span class="param-icon">💧</span>
                            <div class="param-info">
                                <span class="param-name">湿度</span>
                                <span class="param-value" id="current-humidity">65%</span>
                            </div>
                        </div>
                        <div class="parameter-item" data-param="light">
                            <span class="param-icon">☀️</span>
                            <div class="param-info">
                                <span class="param-name">光照</span>
                                <span class="param-value" id="current-light">76000 lux</span>
                            </div>
                        </div>
                        <div class="parameter-item" data-param="soil">
                            <span class="param-icon">🌱</span>
                            <div class="param-info">
                                <span class="param-name">土壤湿度</span>
                                <span class="param-value" id="current-soil">42%</span>
                            </div>
                        </div>
                    </div>

                    <div class="monitor-controls">
                        <h3>数据设置</h3>
                        <div class="control-group">
                            <label>时间范围</label>
                            <select id="timeRange">
                                <option value="1">最近1小时</option>
                                <option value="24" selected>最近24小时</option>
                                <option value="168">最近7天</option>
                                <option value="720">最近30天</option>
                            </select>
                        </div>
                        <div class="control-group">
                            <label>刷新间隔</label>
                            <select id="refreshInterval">
                                <option value="5">5秒</option>
                                <option value="30" selected>30秒</option>
                                <option value="60">1分钟</option>
                            </select>
                        </div>
                    </div>
                </aside>

                <!-- 主要内容区 -->
                <main class="monitor-content">
                    <!-- 数据概览卡片 -->
                    <div class="data-overview">
                        <div class="overview-item">
                            <h4>当前值</h4>
                            <div class="current-value" id="overview-current">25.6°C</div>
                        </div>
                        <div class="overview-item">
                            <h4>最高值</h4>
                            <div class="max-value" id="overview-max">28.3°C</div>
                        </div>
                        <div class="overview-item">
                            <h4>最低值</h4>
                            <div class="min-value" id="overview-min">22.1°C</div>
                        </div>
                        <div class="overview-item">
                            <h4>平均值</h4>
                            <div class="avg-value" id="overview-avg">24.5°C</div>
                        </div>
                    </div>

                    <!-- 图表区域 -->
                    <div class="chart-section">
                        <div class="chart-header">
                            <h3>数据趋势</h3>
                            <div class="chart-controls">
                                <button class="btn-chart-type active" data-type="line">折线图</button>
                                <button class="btn-chart-type" data-type="bar">柱状图</button>
                            </div>
                        </div>
                        <div id="mainChart" class="main-chart"></div>
                    </div>

                    <!-- 数据详情表格 -->
                    <div class="data-table-section">
                        <h3>详细数据</h3>
                        <div class="table-container">
                            <table class="data-table">
                                <thead>
                                    <tr>
                                        <th>时间</th>
                                        <th>数值</th>
                                        <th>状态</th>
                                        <th>变化趋势</th>
                                    </tr>
                                </thead>
                                <tbody id="dataTableBody">
                                    <!-- 由JS动态生成 -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </main>
            </div>

            <!-- 生长调控页面 -->
            <div class="page-content" id="growth-page">
                <!-- 左侧作物信息 -->
                <aside class="sidebar">
                    <div class="crop-info">
                        <h3>当前作物信息</h3>
                        <div class="crop-select">
                            <label>选择作物</label>
                            <select id="cropType">
                                <option value="rice">水稻</option>
                                <option value="wheat" selected>小麦</option>
                                <option value="corn">玉米</option>
                                <option value="soybean">大豆</option>
                            </select>
                        </div>
                        <div class="growth-stage">
                            <h4>生长阶段</h4>
                            <div class="stage-progress">
                                <div class="stage-bar" style="width: 45%;">
                                    <span>分蘖期</span>
                                </div>
                            </div>
                            <div class="stage-info">
                                <p>已生长: <span id="growthDays">108</span>天</p>
                                <p>预计收获: <span id="harvestDate">2024-06-15</span></p>
                            </div>
                        </div>
                    </div>

                    <!-- 生长指标 -->
                    <div class="weather-card">
                        <h3>生长指标</h3>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">📏</span>
                                <span>株高</span>
                            </div>
                            <div class="weather-item-value" id="plantHeight">75 cm</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">🌿</span>
                                <span>叶面积指数</span>
                            </div>
                            <div class="weather-item-value" id="leafIndex">4.5</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">💪</span>
                                <span>茎秆强度</span>
                            </div>
                            <div class="weather-item-value" id="stemStrength">良好</div>
                        </div>
                    </div>
                </aside>

                <!-- 主要内容区 -->
                <main class="content">
                    <!-- 环境参数调控 -->
                    <div class="overview-cards">
                        <h3>环境参数调控</h3>
                        <div class="card">
                            <div class="control-header">
                                <h4>温度调控</h4>
                                <span class="status optimal">最适</span>
                            </div>
                            <div class="current-value" style="font-size: 1.2rem;">25.5°C</div>
                            <div class="optimal-range">适宜范围：22-28°C</div>
                            <div class="control-actions">
                              
                            </div>
                        </div>
                        
                        <div class="card">
                            <div class="control-header">
                                <h4>湿度调控</h4>
                                <span class="status warning">偏高</span>
                            </div>
                            <div class="current-value" style="font-size: 1.2rem;">75%</div>
                            <div class="optimal-range">适宜范围：60-70%</div>
                            <div class="control-actions">
                          
                            </div>
                        </div>
                        
                        <div class="card">
                            <div class="control-header">
                                <h4>光照调控</h4>
                                <span class="status normal">正常</span>
                            </div>
                            <div class="current-value" style="font-size: 1.2rem;">65000 lux</div>
                            <div class="optimal-range">适宜范围：50000-80000 lux</div>
                            <div class="control-actions">
                              
                            </div>
                        </div>
                        
                        <div class="card">
                            <div class="control-header">
                                <h4>CO₂浓度</h4>
                                <span class="status low">偏低</span>
                            </div>
                            <div class="current-value" style="font-size: 1.2rem;">350 ppm</div>
                            <div class="optimal-range">适宜范围：400-800 ppm</div>
                            <div class="control-actions">
                               
                            </div>
                        </div>
                    </div>

                    <!-- 生长趋势图表 -->
                    <div class="chart-container">
                        <div class="chart-header">
                            <h3>生长趋势分析</h3>
                            <div class="chart-controls">
                                <select id="growthMetric">
                                    <option value="height">株高变化</option>
                                    <option value="leaf">叶面积指数</option>
                                    <option value="biomass">生物量</option>
                                    <option value="rootGrowth">根系生长</option>
                                    <option value="nutrient">营养指标</option>
                                </select>
                                <select id="growthTimeRange">
                                    <option value="1">近1小时</option>
                                    <option value="7">近7天</option>
                                    <option value="30" selected>近30天</option>
                                    <option value="90">近90天</option>
                                    <option value="all">全生育期</option>
                                </select>
                            </div>
                        </div>
                        <div class="growth-analysis">
                        <div id="growthChart" class="growth-chart"></div>
                            <div class="growth-metrics">
                                <div class="metric-item">
                                    <span class="metric-label">生长速率</span>
                                    <span class="metric-value" id="growthRate">2.3 cm/天</span>
                                </div>
                                <div class="metric-item">
                                    <span class="metric-label">预期产量</span>
                                    <span class="metric-value" id="expectedYield">5.8 吨/公顷</span>
                                </div>
                                <div class="metric-item">
                                    <span class="metric-label">生长势评价</span>
                                    <span class="metric-value status optimal" id="growthStatus">良好</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 智能建议 -->
                    <div class="farming-advice">
                        <h3>智能调控建议</h3>
                        <div class="advice-container">
                            <div class="advice-item">
                                <span class="advice-icon">⚠️</span>
                                <div class="advice-content">
                                    <h4>优先处理</h4>
                                    <p>当前湿度偏高，建议适当通风降低湿度，预防病害发生</p>
                                </div>
                            </div>
                            <div class="advice-item">
                                <span class="advice-icon">📝</span>
                                <div class="advice-content">
                                    <h4>注意事项</h4>
                                    <p>CO₂浓度偏低，建议在光照充足时进行CO₂补充</p>
                                </div>
                            </div>
                            <div class="advice-item">
                                <span class="advice-icon">💡</span>
                                <div class="advice-content">
                                    <h4>长期建议</h4>
                                    <p>株高生长速度正常，建议保持当前温度范围</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </div>

            <div class="page-content" id="disease-page" style="display: none;">
                <!-- 左侧作物信息 -->
                <aside class="sidebar">
                    <div class="weather-card">
                        <h3>当前作物信息</h3>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">🌾</span>
                                <span>作物类型</span>
                            </div>
                            <div class="weather-item-value" id=" cropType ">小麦</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">📅</span>
                                <span>生长阶段</span>
                            </div>
                            <div class="weather-item-value" id="growthStage">分蘖期</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">🌡️</span>
                                <span>当前温度</span>
                            </div>
                            <div class="weather-item-value" id="currentTemp">25°C</div>
                        </div>
                        <div class="weather-item">
                            <div class="weather-item-label">
                                <span class="weather-item-icon">💧</span>
                                <span>当前湿度</span>
                            </div>
                            <div class="weather-item-value" id="currentHumidity">65%</div>
                        </div>
                    </div>
                </aside>

                <!-- 主要内容区 -->
                <main class="content">
                    <!-- 病虫害风险预警 -->
                    <div class="overview-cards">
                        <div class="card" data-type="risk">
                            <div class="card-icon">🐛</div>
                            <div class="card-content">
                                <h4>病虫害风险</h4>
                                <p>中等风险</p>
                            </div>
                        </div>
                        <div class="card" data-type="suitability">
                            <div class="card-icon">🌡️</div>
                            <div class="card-content">
                                <h4>发病适宜度</h4>
                                <p>较适宜</p>
                            </div>
                        </div>
                        <div class="card" data-type="severity">
                            <div class="card-icon">📊</div>
                            <div class="card-content">
                                <h4>发生程度</h4>
                                <p>轻度</p>
                            </div>
                        </div>
                        <div class="card" data-type="treatment">
                            <div class="card-icon">⚡</div>
                            <div class="card-content">
                                <h4>防治建议</h4>
                                <p>需要预防</p>
                            </div>
                        </div>
                    </div>

                    <!-- 常见病虫害识别 -->
                    <div class="disease-recognition">
                        <h3>病虫害识别</h3>
                        <div class="disease-list">
                            <!-- 由JS动态生成内容 -->
                        </div>
                    </div>

                    <!-- 防治建议 -->
                    <div class="farming-advice">
                        <h3>防治建议</h3>
                        <div class="advice-container">
                            <div class="advice-item">
                                <span class="advice-icon">⚠️</span>
                                <div class="advice-content">
                                    <h4>紧急处理</h4>
                                    <p>发现病斑初期，建议立即采取防治措施</p>
                                </div>
                            </div>
                            <div class="advice-item">
                                <span class="advice-icon">📝</span>
                                <div class="advice-content">
                                    <h4>预防措施</h4>
                                    <p>加强田间管理，控制适宜湿度</p>
                                </div>
                            </div>
                            <div class="advice-item">
                                <span class="advice-icon">💡</span>
                                <div class="advice-content">
                                    <h4>长期建议</h4>
                                    <p>注意轮作，选用抗病品种</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 防治记录 -->
                    <div class="treatment-history">
                        <h3>防治记录</h3>
                        <div class="table-container">
                            <table>
                                <thead>
                                    <tr>
                                        <th>日期</th>
                                        <th>病虫害类型</th>
                                        <th>防治措施</th>
                                        <th>效果评估</th>
                                    </tr>
                                </thead>
                                <tbody id="treatmentHistory">
                                    <!-- 由JS动态生成内容 -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </main>
            </div>

            <!-- 灌溉管理页面 -->
            <div class="page-content" id="irrigation-page" style="display: none;">
                <div class="irrigation-container">
                    <!-- 左侧信息栏 -->
                    <aside class="irrigation-sidebar">
                        <div class="weather-card">
                            <h3>土壤墒情</h3>
                            <div class="soil-moisture-gauge">
                                <div class="gauge-value" id="currentMoisture">42%</div>
                                <div class="gauge-label">当前墒情</div>
                            </div>
                            <div class="moisture-details">
                                <div class="detail-item">
                                    <span class="label">适宜范围</span>
                                    <span class="value">35% - 65%</span>
                                </div>
                                <div class="detail-item">
                                    <span class="label">土壤类型</span>
                                    <span class="value">壤土</span>
                                </div>
                                <div class="detail-item">
                                    <span class="label">检测深度</span>
                                    <span class="value">30cm</span>
                                </div>
                            </div>
                        </div>

                        <!-- 灌溉控制面板 -->
                        <div class="control-panel">
                            <h3>灌溉控制</h3>
                            <div class="control-options">
                                <div class="control-item">
                                    <label>灌溉模式</label>
                                    <select id="irrigationMode">
                                        <option value="auto">自动灌溉</option>
                                        <option value="manual">手动控制</option>
                                        <option value="schedule">定时灌溉</option>
                                    </select>
                                </div>
                                <div class="control-item">
                                    <label>水量控制</label>
                                    <div class="water-control">
                                        <button class="btn-control decrease">-</button>
                                        <span id="waterAmount">5.0</span>
                                        <button class="btn-control increase">+</button>
                                        <span class="unit">m³/亩</span>
                                    </div>
                                </div>
                                <div class="control-actions">
                                    <button class="btn-start" id="startIrrigation">开始灌溉</button>
                                    <button class="btn-stop" id="stopIrrigation" disabled>停止灌溉</button>
                                </div>
                            </div>
                        </div>

                        <!-- 灌溉统计信息 -->
                        <div class="statistics-panel">
                            <h3>灌溉统计</h3>
                            <div class="statistics-list">
                                <div class="statistic-item">
                                    <span class="label">本月灌溉次数</span>
                                    <span class="value">12次</span>
                                </div>
                                <div class="statistic-item">
                                    <span class="label">累计用水量</span>
                                    <span class="value">156.8 m³</span>
                                </div>
                                <div class="statistic-item">
                                    <span class="label">平均利用率</span>
                                    <span class="value">87.5%</span>
                                </div>
                                <div class="statistic-item">
                                    <span class="label">节水率</span>
                                    <span class="value">15.3%</span>
                                </div>
                            </div>
                        </div>
                    </aside>

                    <!-- 主要内容区 -->
                    <main class="irrigation-content">
                        <!-- 左侧主要内容 -->
                        <div class="main-panel">
                            <!-- 状态卡片 -->
                            <div class="status-cards">
                                <div class="status-card">
                                    <div class="card-icon">💧</div>
                                    <div class="card-content">
                                        <h4>今日用水量</h4>
                                        <p>125 m³</p>
                                    </div>
                                </div>
                                <div class="status-card">
                                    <div class="card-icon">⏱️</div>
                                    <div class="card-content">
                                        <h4>灌溉时长</h4>
                                        <p>2.5 小时</p>
                                    </div>
                                </div>
                                <div class="status-card">
                                    <div class="card-icon">📊</div>
                                    <div class="card-content">
                                        <h4>灌溉均匀度</h4>
                                        <p>92%</p>
                                    </div>
                                </div>
                                <div class="status-card">
                                    <div class="card-icon">🌱</div>
                                    <div class="card-content">
                                        <h4>需水预警</h4>
                                        <p>正常</p>
                                    </div>
                                </div>
                            </div>

                            <!-- 图表区域 -->
                            <div class="chart-section">
                                <div class="chart-header">
                                    <h3>灌溉数据分析</h3>
                                    <div class="chart-controls">
                                        <select id="dataType">
                                            <option value="moisture">土壤墒情</option>
                                            <option value="water">用水量</option>
                                            <option value="efficiency">灌溉效率</option>
                                        </select>
                                        <select id="timeRange ">
                                            <option value="day">今日</option>
                                            <option value="week">本周</option>
                                            <option value="month">本月</option>
                                        </select>
                                    </div>
                                </div>
                                <div id="irrigationChart" class="chart-container"></div>
                                <div class="analysis-metrics">
                                    <div class="metric-item">
                                        <span class="metric-label">平均值</span>
                                        <span class="metric-value" id="avgValue">--</span>
                                    </div>
                                    <div class="metric-item">
                                        <span class="metric-label">最大值</span>
                                        <span class="metric-value" id="maxValue">--</span>
                                    </div>
                                    <div class="metric-item">
                                        <span class="metric-label">最小值</span>
                                        <span class="metric-value" id="minValue">--</span>
                                    </div>
                                    <div class="metric-item">
                                        <span class="metric-label">标准差</span>
                                        <span class="metric-value" id="stdValue">--</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 灌溉计划 -->
                            <div class="schedule-section">
                                <div class="section-header">
                                    <h3>灌溉计划</h3>
                                    <button class="btn-add" id="addSchedule">
                                        <i class="fas fa-plus"></i> 添加计划
                                    </button>
                                </div>
                                <div class="schedule-table">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>时间</th>
                                                <th>灌溉量</th>
                                                <th>持续时间</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody id="scheduleList">
                                            <!-- 由JS动态生成 -->
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- 右侧预警面板 -->
                        <aside class="alert-panel">
                            <div class="alert-section">
                                <div class="section-header">
                                    <h3>智能预警</h3>
                                    <div class="alert-controls">
                                        <select id="alertFilter">
                                            <option value="all">全部预警</option>
                                            <option value="moisture">墒情预警</option>
                                            <option value="device">设备预警</option>
                                            <option value="quality">水质预警</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="alert-container">
                                    <div class="alert-list" id="alertList ">
                                        <!-- 由JS动态生成预警内容 -->
                                    </div>
                                    <div class="alert-summary">
                                        <div class="summary-item">
                                            <span class="summary-label">今日预警</span>
                                            <span class="summary-value" id="todayAlerts">0</span>
                                        </div>
                                        <div class="summary-item">
                                            <span class="summary-label">待处理</span>
                                            <span class="summary-value" id="pendingAlerts">0</span>
                                        </div>
                                        <div class="summary-item">
                                            <span class="summary-label">已处理</span>
                                            <span class="summary-value" id="handledAlerts">0</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </aside>
                    </main>
                </div>
            </div>
        </div>

        <footer class="footer">
            <p>© 2024 农业环境气象监测系统 版权所有</p>
        </footer>
    </div>

    <!-- 页面管理脚本 -->
    <script src="pageManager.js"></script>
    <!-- 各页面脚本 -->
    <script src="home.js"></script>
    <script src="monitor.js"></script>
    <script src="growth.js"></script>
    <script src="disease.js"></script>
    <script src="irrigation.js"></script>
</body>
</html> 